@CHARSET "UTF-8";
html,body{
	margin:0;
	padding:0;
	height:100%;
	position:relative;
	overflow:hidden;
}
.header{
	width:100%;
	height:60px;
	background:#242424;
	display:flex;
	flex-flow:row;
	justify-content:center;
}
/* 顶部导航栏，发现音乐、我的音乐、动态、音乐人、搜索框、登录按钮 */
.index_header{
	width:auto;
	height:60px;
	background:rgba(24,24,24,0);
	float:left;
	display:flex;
	flex-flow:row;
	justify-content:center;
	margin:0 auto;
}
/* LOGO */
/* 设置LOGO的行高及大小 */
.LOGO{
	height:80px;
	width:140px;
	color:#fff;
	text-align:center;
	color:#fff;
	font-size:21px;
	line-height:50px;
	float:left;
	margin-right:30px;
	float:left;
}
.LOGO img{
	width:30px;
	height:30px;
	border-radius:20px;
	background:#fff;
}
.LOGO span{
	height:70px;
	display:inline-block;
	width:100px;
}
/* 发现音乐、我的音乐、动态、音乐人 */
.index_header_nav{
	height:50px;
	width:350px;
	float:left;
	margin-right:10px;
	position:relative;
	float:left;
}
.index_header_nav input{
	position:absolute;
	width:100px;
	height:60px;
	margin:0;
	padding:0;
	opacity:0;
}
.index_header_nav input:nth-child(1){
	left:0;
}
.index_header_nav input:nth-child(3){
	left:100px;
}
.index_header_nav input:nth-child(5){
	left:200px;
}
.index_header_nav input:nth-child(7){
	left:300px;
}
.index_header_nav input:checked+a{
	background:#000;
	color:#fff;
}
/* 发现音乐 设置行高 line-heigh */
.index_header_nav a{
	position:absolute;
	width:100px;
	height:60px;
	margin:0;
	padding:0;
	color:#DEDEDE;
	font-size:16px;
	text-align:center;
	line-height:60px;
	transition:all 0.3s;
	text-decoration:none;
	overflow:hidden;
}
.index_header_nav a:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	bottom:-16px;
	border:8px solid;
	border-color:#000 #000 #D81E06 #000;
	left:50%;
	margin-left:10px;
	transition:all 0.3s;
}
.index_header_nav input:checked+a:after{
	bottom:1px;
}
.index_header_nav a:hover{
	background:#000;
	color:#fff;
}
.index_header_nav a:nth-child(2){
	left:0;
}
.index_header_nav a:nth-child(4){
	left:100px;
}
.index_header_nav a:nth-child(6){
	left:200px;
}
.index_header_nav a:nth-child(8){
	left:300px;
}
/* 搜索框 */
.index_header_seek{
	height:20px;
	width:300px;
	float:left;
	text-align:center;
	margin-right:100px;
	margin-right:10px;
	float:left;
}
/* 搜索输入框 */
.index_header_seek input:nth-child(1){
	height:30px;
	width:180px;
	border-radius:25px 0 0 25px;
	border:0;
	padding-left:2px;
}

.index_header_seek input:nth-child(2){
	height:35px;
	width:50px;
	border-radius:0 25px 25px 0;
	border:0;
	background:#D81E06;
	color:#fff;
}
.index_header_seek input:nth-child(1):focus,
.index_header_seek input:nth-child(2):focus{
	outline:none;
	border:0;
}
/* 设置搜索框的高度 */
.index_header_seek form{
	height:60px;
	display:flex;
	flex-flow:row;
	justify-content:center;
	align-items:center;
}
/* 登录前“登录按钮”， 登录后显示用户名及相关菜单 */
.index_header_login{
	position:relative;
	height:60px;
	width:100px;
	float:left;
	line-height:70px;
	color:#666;
	font-size:16px;
}

.index_header_login:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:8px solid;
	border-color:#666 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	top:50%;
	margin-top:-4px;
	right:0;
	
}
.login_way{
	display:none;
	width:180px;
	height:auto;
	background:#444;
	position:absolute;
	top:70px;
	left:-40px;
	border-radius:0 0 5px 5px;
	box-shadow:0 0 12px #444;
}
.login_way p,
.login_way a{
	width:180px;
	height:35px;
	margin:0;
	color:#ccc;
	line-height:35px;
	font-size:14px;
	border-radius:5px;
	border-bottom:1px solid #000;
	transition:all 0.3s;
}
.login_way a{
	display:block;
	text-align:center;
	text-decoration:none;
}
.login_way p:hover,
.login_yet p:hover{
	background:#666;
	color:#fff;
	cursor:pointer;
}
.login_way img{
	margin-left:15px;
	margin-right:15px;
}
.clear{
	clear:both;
}
.header_a1_little_menu{
	
	width:100%;
	height:35px;
	background:#D81E06;
	display:flex;
	flex-flow:row;
	justify-content:center;
}
.header_a1_little_menu>div{
	position:relative;
	height:35px;
	width:auto;
	left:-265px;
}
.header_a1_little_menu input{
	position:absolute;
	width:50px;
	height:22px;
	margin:0;
	border-radius:11px;
	top:50%;
	margin-top:-11px;
}
/* 推荐 排行榜 歌单 歌手  */
.header_a1_little_menu a{
	position:absolute;
	width:50px;
	height:22px;
	background:#C20C0C;
	color:#fff;
	border-radius:11px;
	text-align:center;
	line-height:22px;
	font-size:12px;
	top:50%;
	margin-top:-11px;
	transition:all 0.3s;
}
.header_a1_little_menu a:hover{
	background:#9B0909;
}
.header_a1_little_menu input:checked+a{
	background:#9B0909;
}
.header_a1_little_menu input:nth-child(1){
	left:0;
}
.header_a1_little_menu a:nth-child(2){
	left:0;
}
.header_a1_little_menu input:nth-child(3){
	left:70px;
}
.header_a1_little_menu a:nth-child(4){
	left:70px;
}
.header_a1_little_menu input:nth-child(5){
	left:140px;
}
.header_a1_little_menu a:nth-child(6){
	left:140px;
}
.header_a1_little_menu input:nth-child(7){
	left:210px;
}
.header_a1_little_menu a:nth-child(8){
	left:210px;
}
.index_iframe{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
	background:#F5F5F5;
	overflow:auto;
	
}
.phone_login{
	display:none;
	position:absolute;
	z-index:1000;
	width:500px;
	height:300px;
	background:#fff;
	top:200px;
	left:50%;
	margin-left:-250px;
	box-shadow:0 0 12px #444;
	border-radius:5px;
	overflow:hidden;
}
.phone_login_header{
	width:485px;
	height:35px;
	background:#2D2D2D;
	color:#fff;
	line-height:35px;
	padding-left:15px;
}
.none_login{
	float:right;
	margin-right:15px;
	font-size:22px;
	transform:rotate(45deg);
}
.none_login:hover{
	cursor:pointer;
}
.phone_login_form{
	width:500px;
	height:225px;
	background:#fff;
}
.phone_login_form input{
	display:block;
	width:245px;
	height:30px;
	margin: 0 auto;
	margin-top:20px;
	border:1px solid silver;
	border-radius:5px;
	padding-left:5px;
}
.phone_login_form input:focus{
	outline:none;
}
.phone_login_form input:nth-child(3){
	width:250px;
	height:35px;
	background:#ffffff;
	color:#fff;
	border:0;
}
.phone_login_foot{
	position:absolute;
	width:485px;
	height:39px;
	padding-left:15px;
	border-top:1px solid #333;
	background:silver;
	bottom:0;
	line-height:39px;
}
.change_login_way{
	font-size:14px;
	color:#D81E06;
	font-weight:600;
}
.change_login_way:hover,
.regist_span:hover{
	cursor:pointer;
}
.regist_span{
	margin-right:15px;
	float:right;
	font-size:14px;
	color:#444;
	text-decoration:underline;
}
/*首页低端，也是音乐播放控制台*/
.index_footer{
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 50px;
	background: #444;
	bottom: 0;
	transition: all 0.3s;
	line-height: 50px;
}
#songPlay_name{
	position: absolute;
	left: 200px;
	color: white;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.audio_div audio{
	position: absolute;
	left: 50%;
	top: 5px;
	opacity: 1;
	display: block;
	width: 800px;
	height: 40px;
	
	margin: 0 auto;
	margin-left: -400px;
}
